﻿<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>北京时间</title>
<meta name="format-detection" content="telephone=no">

<link rel='stylesheet' href='css/splitting.css'>
<link rel="stylesheet" href="css/style.css">

</head>
<body>

<div class="clock">

  <span class="cog hours tens" data-splitting>0123456789</span>
  <span class="cog hours" data-splitting>0123456789</span>
  <span class="colon">:</span>
  <span class="cog minutes tens" data-splitting>0123456789</span>
  <span class="cog minutes" data-splitting>0123456789</span>
  <span class="colon">:</span>
  <span class="cog seconds tens" data-splitting>0123456789</span>
  <span class="cog seconds" data-splitting>0123456789</span>

</div>

<script src='js/splitting.js'></script>
<script src="js/script.js"></script>

<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';color:#ffffff">
</div>
</body>
</html>